			/*
				var index = 0;
			
				function change() {
					//得到所 有图片长度
					var imgs = document.getElementsByTagName("img").length;
					var next = index + 1;
					
					if (index == imgs - 1) {
						//imgs-1为长度（从0开始）；imgs-2为index（next+1）
						next = 0;
					}
					//得到所有图片元素
					var img = document.getElementById("imgbox").children;
					img[index].style.opacity = 0;
					img[next].style.opacity = 1;
					index = next;
					console.log(index);
				}
				window.setInterval("change()", 2000);          */
				
				
var btnPrev = document.getElementById("btnPrev");
var btnNext = document.getElementById("btnNext");
var bannerUl = document.getElementById("bannerUl");
var ctrls = document.getElementById("ctrls");
var lis = bannerUl.children;  //。找到所有的图片

var index = 0;  //图片索引

/* 找所有的兄弟节点的函数 */
var findSiblings = function( tag ){
    let  child = tag.parentNode.children ; // 找到所有的 子标签，包括 tag
    let  siblings = [] ; // 空数组，存放兄弟们
    for( let l=0 ; l <= child.length - 1 ; l++){
        if(  child[l] === tag ){
            continue;
        }
        siblings.push( child[l] ); // 把兄弟放入数组中。给数组添加元素
    }
    return siblings ; // 返回兄弟节点
};

// 去掉兄弟标签的指定类
var removeSiblingClass = function( tag , classN ){
    let siblings = findSiblings(tag);
    for( let l = 0 ; l <= siblings.length-1 ; l++ ){
        siblings[l].classList.remove( classN );
    }
};

var showPic = function( index ){
    // 让对应图片显示
    lis[index].classList.add( "show" );
    // 让其它图片隐藏
    removeSiblingClass( lis[index] , "show" );
    // 控制点的切换
    dots[index].classList.add("on");
    removeSiblingClass( dots[index] , "on" );
};

//动态生成span标签，生成控制点
for( let l = 0; l <= lis.length-1 ; l++ ){
    let span = document.createElement("span");
    ctrls.appendChild(span);
}
var dots = ctrls.children;  //扎到所有的控制点

showPic( index );  // 默认显示索引为0的那一张

var goLeft = function( event ){
    index--;
    if( index < 0 ){
        index = lis.length-1;
    }
    showPic( index );  // 显示图片
};
var goRight = function( event ){
    index++;
    if( index > lis.length - 1 ){
        index = 0;
    }
    showPic( index );  // 显示图片
};

btnPrev.addEventListener("click",goLeft);
btnNext.addEventListener("click",goRight);

//控制点的点击事件，点击切换图片
for( let l =0 ; l <= dots.length-1 ; l++ ){
    dots[l].addEventListener("click",function(){
        index = l;
        showPic( index );
    })
}